<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>innerHTML判断大小</title>
</head>
<body>
<input placeholder="请输入第一个数" id="a">
<input placeholder="请输入第二个数" id="b">
<input placeholder="请输入第三个数" id="c">
<input type="button" value="显示最大值" onclick="show()">
<div id="dl"></div>
<!--input中的值是字符串类型的-->
<script>
    function show() {
        if(a.value>b.value){
            if (a.value>c.value) {
                dl.innerHTML=parseInt(a.value);
            }else{
                dl.innerHTML=parseInt(c.value);
            }
    }else{
        if (b.value>c.value) {
            dl.innerHTML=parseInt(b.value);
        }else {
            dl.innerHTML=parseInt(c.value);
        }
        }
    }
</script>
<br/>
<br/>
<input placeholder="请输入第一个数" id="a1">
<input placeholder="请输入第二个数" id="b1">
<input placeholder="请输入第三个数" id="c1">
<input type="button" value="显示最大值" onclick="show1()">
<div id="dd"></div>
<script>
    function show1() {
        var x=parseInt(a1.value);
        var y=parseInt(b1.value);
        var z=parseInt(c1.value);
        if (x>y && x>z){
            dd.innerHTML=x;
        }
        if(y>x && y>z){
            dd.innerHTML=y;
        }
        if(z>x && z>y) {
            dd.innerHTML=z;
        }

    }
    // 枚举法
    // if(a>=b && a>=c){
    //     alert(a);
    // }
    // if(b>=a && b>=c){
    //     alert(b);
    // }
    // if(c>=a && c>=b){
    //     alert(c);
    // }

    // if(a>b){
    //     if(a>c){
    //         alert(a);
    //     }else{
    //         alert(c);
    //     }
    // }else
    // {
    //     if (b > c) {
    //         alert(b);
    //     } else {
    //         alert(c);
    //     }
    // }
</script>
</body>
</html>